<template>
  <div id="oneMap">
    <div class="title">
      <span @click="onClickLeft" style="position: absolute;left: 5px;display: flex;align-items: center;font-size: 14px;">
        <van-icon name="arrow-left" />
        返回
      </span>
      农房一张图
    </div>
    <div style="width: 100%; height: calc(100vh - 50px);">
      <iframe style="width: 100%; height: 100%;" :src="mapUrl"></iframe>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      mapUrl: window.g.oneMapUrl
    }

  },
  methods: {
    onClickLeft () {
      this.$router.push({
        path: "/FeatureList",
      });
    },
  }
}
</script>

<style lang="scss" scoped>
#oneMap {
  height: 100vh;
  overflow: auto;
  background: #ffffff;
  font-size: 14px;
  .title {
    width: 100%;
    height: 50px;
    background: #007aff;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    position: relative;
  }
}
</style>
